<include file="public/shop_header"/>

<body>

<!--分类-->
<div class="pProduct-menu clearfix">

  <volist name="category" id="category">
    <a href="javascript:;" <if condition="$category.id eq $cat_id">class="active"</if> data-id="{$category.id}" >{$category.name}</a>
  </volist>
</div>
<!--分类 End--> 

<!--main-->
<div class="cpMain" id="ajax_return">

</div>
<!--main End--> 

<!--footer-->
<include file="public/shop_footer"/>
<!--footer End-->

<script>
    cur_page = 1;
    // ajax 抓取页面 form 为表单id  page 为当前第几页
    function ajax_get_table(cat_id,page){
        cur_page = page; //当前页面 保存为全局变量
        $.ajax({
            type : "POST",
            url:"/index.php?m=home&c=goods&a=ajaxGoodsList&p="+page,//+tab,
            data : {cat_id:cat_id},// 你的formid
            success: function(data){
                $("#ajax_return").html('');
                $("#ajax_return").append(data);
            }
        });
    }

    $(document).ready(function(){
        // ajax 加载商品列表
        var cat_id = "{$cat_id}";
        ajax_get_table(cat_id,1);
    });

    $(function () {
        $(".pProduct-menu  a").each(function(){
            $(this).click(function () {
                $(this).addClass('active').siblings('a').removeClass('active');
                var id = $(this).attr('data-id');
                ajax_get_table(id,1);
                $(".pProduct-menu a").removeClass('active');
                $("[data-id='" + id + "']").addClass('active');
            })
        });
    })


</script>
</body>
</html>
